<template>
	<view class="computingPower-area">
		<view class="box">
			<view class="box1">
				<!-- 标题 -->
				<view class="box2">
				<image src="../../static/computingPower/shanqu.png" mode=""></image>
				<h3>{{$t('computing..profit.sector')}}</h3>
				</view>
				<view class="check"><text>{{$t('computing.detail')}}</text><image src="../../static/get/go.png" mode=""></image></view>
			</view>
			<!-- 内容 -->
			<view class="content">
				<view class="areaH">{{$t('computing..FIL.amount')}}</view>
				<view class="areaHD">1,366,694 FIL</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				 
			};
		}
	}
</script>

<style scoped>
.box{
	width: 100%;
	background-color: #FFFFFF;
	margin-bottom: 19rpx;
	height: 240rpx;
	box-shadow: 0 0 6rpx 6rpx rgba(0,0,0,.006);
	padding: 10rpx;
}
.box1{
	width: 94%;
	display: flex;
	justify-content: space-between;
	margin:10rpx auto;
}
.box2{
	display: flex;
}
.box2>image{
	width: 50rpx;
	height: 50rpx;
	padding-top: 6rpx;
}
.box2>h3{
	margin-left: 20rpx;
	margin-top: 6rpx;
}
.check{
	display: flex;
}
.check>text{
	margin-right: 24rpx;
	margin-top: 6rpx;
	opacity: .5;
}
.check>image{
	width: 20rpx;
	height: 20rpx;
	margin-top: 22rpx;
}
.content{
	width: 94%;
	margin: auto;
}
.areaH{
	font-size: 32rpx;
	font-weight: bold;
	padding-top: 52rpx;
	padding-left: 18rpx;
	color: #474747;
}
.areaHD{
	font-size: 40rpx;
	font-weight: bold;
	padding-left: 18rpx;
}
.content-b-head{
	display: flex;
	flex-direction: row;
	justify-content: left;
	font-size: .9em;
	font-weight: 550;
	margin-bottom: 10rpx;
}
.content-b-head>view:nth-of-type(1){
	margin-right: 192rpx;
}
.content-b-foot{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	position: relative;
	font-size: .86em;
}
.foot-one{
	font-weight: 550;
	margin-left: -100rpx;
}
.foot-one>text{
	margin-right: 10rpx;
}
.foot-two{
	position: relative;
	left: -90rpx;
	font-weight: 550;
}
.foot-two>text{
	margin-right: 10rpx;
}
.foot-three{
	position: relative;
	left: -100rpx;
	font-weight: 550;
}
.danwei{
	opacity: .7;
}
</style>
